﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Action("Rss", "Rss")" rel="alternate" type="application/atom+xml" title="Site-Feed" />
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
@*    <script src="@Url.Content("~/Scripts/jquery-2.0.3.min.js")" type="text/javascript"></script>*@
    <script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
    <script src="@Url.Content("~/Content/Js/jquery.reveal.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui.min.js")"></script>
    @*<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />*@
    <script language="javascript" type="text/javascript">
        var myVar;
        var indexTitle = 1;
        $(document).ready(function () {
            $("span[class^=slideTitle]").hide();
            $(".slideTitle" + indexTitle).show();
            var myVar = setInterval(function () { blinds_change() }, 3500);
        });

        function blinds_change()
        {
            $("span[class^=slideTitle]").hide(500);
            $(".slideTitle" + indexTitle).show(500);

            if (indexTitle == 3) indexTitle = 1;
            else indexTitle++;
        }

        function showRegion(regionName) {
            $("div[id^=region_]").hide();
            $("#region_" + regionName).show();
        }
        function showHideLyricSection(id, obj, sId) {
            $(".lyricTextArea[id^=lyric-]").hide();
            $("#lyric-0-0").hide();
            $("#" + id).show();
            $("div[id^=lyricTitle-]").each(function () {
                this.style.color = "black";
            });
            obj.style.color = "red";
            if (sId != 0) {
                createNewLanguage(sId);
            }
        }

        function autoResize() {
            $(".lyricTextArea").each(function () {
                this.style.height = this.scrollHeight + "px";
            });
        }
        function hideToolsSection(obj) {
            if (obj.title == "Hide") {
                $(obj).css("height", "20px");
                $("#tooltipSectionContent").toggle(200);
                obj.title = "Show";
                $(obj).html("Toolbox [+]");
                //Stop action interval
            }
            else {
                obj.title = "Hide";
                $(obj).html("Toolbox [-]");
                $("#tooltipSectionContent").toggle(200);
                @*$("#tooltipSectionContent").html("Waking up Popi...<br><img src='@Url.Content("~/Content/Images/loader.gif")' width='20' /> ");*@
                //Do Ajax
            }
        }

        function searchGlobal()
        {
            location.href = "/Home/Search/" + $("#inputSongNameSearchInternal").val();
        }
    </script>
</head>
<body>
    <div id="wrapDiv">
        <div id="headerDiv">
            <div align="right" id="menuUnderHeaderDiv">
                <ul>
                    <li>
                        <img src="@Url.Content("~/Content/Images/home.png")" width="16" height="16" />&nbsp;@Html.ActionLink("Home", "Index", "Home")</li>
                    @*Write by pdchiep to create logon button*@
                    @if (HttpContext.Current.Request.RequestContext.RouteData.Values["action"].ToString() == "Register")
                    {
                        <li>
                            <img src="@Url.Content("~/Content/Images/login.png")" width="16" height="16" />&nbsp;@Html.ActionLink("Logon", "Logon")</li>
                    }
                    else
                    {
                        <li class="mainMenuClass">@{Html.RenderAction("LogOnPartial", "Account");}</li>
                    }
                    <li>
                        <img src="@Url.Content("~/Content/Images/question.png")" width="16" height="16" />&nbsp;@Html.ActionLink("QA Forum", "Index", "QA")</li>
                </ul>
            </div>
            <div style="margin-top:100px;height:50px;padding-left:20px;font-size:20px; font-weight:normal" class="titleNewFont" align="left">
                <span class="slideTitle1">
                    Community, Entertaiment and Education that what you can find at eLearning...
                    <br /> Lets join us to able to use quality functions.
                </span>
                <span class="slideTitle2">
                    Learning is acquiring new, or modifying and reinforcing, existing knowledge, behaviors, skills, values, or preferences and may involve synthesizing different ...
                </span>
                <span class="slideTitle3">Study Island is a leading academic software provider of standards-based assessment, instruction, and test preparation e-learning programs. </span>
            </div>
            <div class="searchContainer" style="margin-right:0;margin-bottom:0" align="right">
                    <input id="inputSongNameSearchInternal" class="inputUserSearch" value="@ViewBag.Keyword" placeholder="Keyword for searching" type="text" />
                    <button onclick="searchGlobal()" class="backgroundLinear inputButtonSearch">Search </button>
            </div>
        </div>
        <div id="bodyDiv">@RenderBody()</div>

        @Html.Action("GeneralFooter", "ServiceInfo")
    </div>

</body>
</html>
